<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础桩添加</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/ui.css" rel="stylesheet">
    <link href="css/layui.css" rel="stylesheet">
    <link href="css/control.css" rel="stylesheet">
    <style>
        #body {
            width: 100%;
            max-height: 100%;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .articleImg {
            /* width: 100%; */
            /* height: auto !important; */
            max-width: 100px;
        }

        th,
        td {
            text-align: center;
        }
        .textAreaBlock {
            margin-left: 130px;
            min-height: 36px;
        }
        .form_item_align_left {
            text-align: left;
        }
        .from_item_align_center {
            text-align: center;
        }
        img{
            width: 20%;
        }


    </style>
</head>

<body class="gray-bg animated fadeInRight">
    <div id="body">
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">

                            <div id="content">

                                <fieldset style="margin-top: 20px">
                                    <legend>基础信息</legend>
                                </fieldset>
                                <div style="float: right;margin-top: -50px"><button  id="flipthis" onclick="backForwardListen()" class="btn ">返回列表</button></div>

                                <div class="layui-form-item form_item_align_left">
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">项目名称</label>
                                        <div class="layui-input-inline">
                                            <select id="project" lay-filter="xiangmu"></select>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">区域名称</label>
                                        <div class="layui-input-inline">
                                            <select name="pileRegionId" id="pile_region_id">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">单位名称</label>
                                        <div class="layui-input-inline">
                                            <input type="hidden" id="pid" class="layui-input">
                                            <input type="text" id="detection_unit"
                                                   autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item form_item_align_left">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">桩号</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="pile_number" lay-verify="required|number"
                                                   autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">施工方提供桩长(m)</label>
                                        <div class="layui-input-inline">
                                            <input type="number" placeholder="请填写数字" id="c_pile_length"
                                                   lay-verify="date" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">桩径(mm)</label>
                                        <div class="layui-input-inline">
                                            <input type="number" placeholder="请填写数字" id="pile_diameter"
                                                   lay-verify="date" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item form_item_align_left">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">孔口高程</label>
                                        <div class="layui-input-inline">
                                            <input type="number" placeholder="请填写数字" id="orifice_elevation" lay-verify="date" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>

                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">混凝土设计强度等级</label>
                                        <div class="layui-input-inline">
                                            <select name="determine" id="concrete_design_grade">
                                                <option value="0" selected="">C20</option>
                                                <option value="1" >C30</option>
                                                <option value="2" >C40</option>
                                                <option value="3" >C50</option>
                                                <option value="4" >C60</option>
                                                <option value="5" >C70</option>
                                                <option value="6" >C80</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">声波透射法检测桩身完整性类别</label>
                                        <div class="layui-input-inline ">
                                            <select name="pileIntegrity" id="p_pile_integrity">
                                                <option value="" selected="true">未填写</option>
                                                <option value="1" >I</option>
                                                <option value="2" >II</option>
                                                <option value="3" >III</option>
                                                <option value="3" >IV</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item form_item_align_left">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">浇筑时间</label>
                                        <div class="layui-input-inline">
                                            <input type="text" class="layui-input" id="casting_time" placeholder="yyyy-MM-dd">
                                        </div>
                                    </div>
                                    <!--<div class="layui-inline">-->
                                        <!--<label class="layui-form-label">混凝土强度(MPa)</label>-->
                                        <!--<div class="layui-input-inline">-->
                                            <!--<input type="number" placeholder="请填写数字" id="concrete_strength" lay-verify="date" autocomplete="off" class="layui-input">-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">沉渣厚度是否满足设计要求</label>
                                        <div class="layui-input-inline">
                                            <select id="sediment_thickness_status">
                                                <option value="" selected="">未填写</option>
                                                <option value="0" >是</option>
                                                <option value="1" >否</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item form_item_align_left">
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">桩身完整性</label>
                                        <div class="layui-input-inline ">
                                            <select id="d_pile_integrity">
                                                <option value="" selected="true">未填写</option>
                                                <option value="1" >I</option>
                                                <option value="2" >II</option>
                                                <option value="3" >III</option>
                                                <option value="3" >IV</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">持力层是否满足设计要求</label>
                                        <div class="layui-input-inline ">
                                            <select id="bearing_layer_status">
                                                <option value="" selected="">未填写</option>
                                                <option value="0" >是</option>
                                                <option value="1" >否</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-form">
                                        <label class="layui-form-label">总体判定是否满足设计要求</label>
                                        <div class="layui-input-inline ">
                                            <select id="status">
                                                <option value="" selected="true">未填写</option>
                                                <option value="1" >是</option>
                                                <option value="2" >否</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item form_item_align_left">

                                    <!--<div class="layui-inline">-->
                                        <!--<label class="layui-form-label">桩身混泥土描述</label>-->
                                        <!--<div class="layui-input-inline" style="width: 525px">-->
                                            <!--<textarea id="description_pile_concrete_description" placeholder="请输入内容" class="layui-textarea"></textarea>-->
                                        <!--</div>-->
                                    <!--</div>-->


                                    <!--<div class="layui-inline">-->
                                        <!--<label class="layui-form-label">持力层描述</label>-->
                                        <!--<div class="layui-input-inline" style="width: 525px">-->
                                            <!--<textarea id="bearing_layer_description" placeholder="请输入内容" class="layui-textarea"></textarea>-->
                                        <!--</div>-->
                                    <!--</div>-->



                                </div>

                                <fieldset style="margin-top: 20px">
                                    <legend>钻孔信息</legend>
                                </fieldset>

                                <div class="zuankong" id="zuankong">
                                    <img class="del-zhuan" onclick="deleteZuan(this)" src="img/icon/oxp-remove.png" style="width: 30px;">
                                    <div class="layui-form-item form_item_align_left">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">钻孔编号</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="drilling_no" lay-verify="required|number"  autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">开孔日期</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" name="open_drilling_time" placeholder="yyyy-MM-dd"/>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">钻机编号</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="rig_no" lay-verify="required|number"  autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">终孔深度(m)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="end_hole_depth" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">终孔日期</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" name="close_drilling_time" placeholder="yyyy-MM-dd"/>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">混凝土强度(MPa)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" placeholder="请填写数字" name="concrete_strength" lay-verify="date" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item form_item_align_left">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">桩长(m)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="a_actual_pile_length" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">混凝土芯样长度(m)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="concrete_length" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">桩身混凝土采取率(%)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="pile_concrete_yield" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">沉渣厚度(mm)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="sediment_thickness" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item form_item_align_left">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">桩身混凝土描述</label>
                                            <div class="layui-input-inline" style="width: 525px">
                                                <textarea name="description_pile_concrete_description" placeholder="请输入内容" class="layui-textarea"></textarea>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">持力层描述</label>
                                            <div class="layui-input-inline" style="width: 525px">
                                                <textarea name="bearing_layer_description" placeholder="请输入内容" class="layui-textarea"></textarea>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item form_item_align_left">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">持力层钻进深度(m)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="drilling_depth_bearing_stratum" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">持力层芯样长度(m)</label>
                                            <div class="layui-input-inline">
                                                <input type="number" name="bearing_core_length" lay-verify="required|number" placeholder="请填写数字" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                    <div class="layui-inline">
                                        <button type="button" class="layui-btn" index="0" id="test0">上传图片</button>
                                        <div class="layui-upload-list">
                                            <input type="hidden" value="" class="layui-input" name="drill_img"  id="drillImg0">
                                            <img class="layui-upload-img img-brower" style="max-height: 500px;" id="demo0">
                                            <p id="demoText0"></p>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                </div>

                            </div>
                            </div>
                            <div class="from_item_align_center">
                                <button id="addNext" class="btn btn-info btn-add">添加钻孔</button>
                                <button class="btn btn-info layui-btn-normal btn-sure" style="margin-left: 20px">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/work/common.js"></script>
    <script src="js/plugins/laydate/laydate.js"></script>
    <script src="js/plugins/layer/layer.min.js"></script>
    <script src="js/plugins/layer/layer.js"></script>
    <script src="js/layui.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js"></script>
    <script src="js/pileEdit.js"></script>
    <script>
        var upload = null;
    layui.use('laydate', function(){
    var laydate = layui.laydate;
        //常规用法
        laydate.render({
            elem: '#casting_time'
        });
        laydate.render({
            elem: "input[name='open_drilling_time']"
        });
        laydate.render({
            elem: "input[name='close_drilling_time']"
        });

    })

    layui.use(['upload'], function(){
        upload = layui.upload;
        initCreateUpload(0);
        initPileProject();
    });

    var form=null;
    layui.use(['form'], function () {
        form = layui.form;
        form.on('select(xiangmu)', function (data) {
            initRegoinData(data.value);
        });
    });

        function initPileProject() {
            ajax({
                url: "pile/showPileProject",
                type: "POST",
                dataType: "json",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                data: {},
                timeout: 10000,
                contentType: "application/json;charset=utf-8",
                error: function (xhr, type) {
                    layer.msg("服务器异常，请稍后重试！", {time: 2000})
                },
                successx: function (data) {
                    if (data.success == true) {
                        setProject(data.data);
                    } else {
                        layer.msg(data.message, {time: 1000})
                    }
                }
            });

        }

        function setProject(data) {
            if (data == null) {
                return;
            }
            $("#project").html("");
            var optionHtml = '<option value="0">请选择项目</option>';
            for (var i = 0; i < data.length ; i++) {
                var option = '<option value="'+data[i].id+'">'+data[i].name+'</option>';
                optionHtml += option;
            }
            $("#project").html(optionHtml);
            form.render();
        }


        function initRegoinData(projectId) {
            ajax({
                url: "pile/showNextInfoWeb",
                type: "POST",
                dataType: "json",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                data: JSON.stringify({searchId: projectId,searchType: 0}),
                timeout: 10000,
                contentType: "application/json;charset=utf-8",
                error: function (xhr, type) {
                    layer.msg("服务器异常，请稍后重试！", {time: 2000})
                },
                successx: function (data) {
                    if (data.success == true) {
                        setRegoin(data.data);
                    } else {
                        layer.msg(data.message, {time: 1000})
                    }
                }
            });

        }

        function setRegoin(data) {
            var optionHtml = '<option value="0">请选择项目</option>';
            if (data!=null) {
                $("#pile_region_id").html("");
                for (var i = 0; i < data.length ; i++) {
                    var option =  '<option value="'+data[i].id+'">'+data[i].name+'</option>';
                    optionHtml += option;
                }
            }
            $("#pile_region_id").html(optionHtml);
            form.render();

        }
    </script>

</body>

</html>